<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="libs/layui/css/layui.css" />
		<script src="/libs/requirejs/require.js" data-main="/js/index"></script>
		<title>米卡米卡官网</title>
	</head>

	<body>

		<div style="position: absolute;top:0%;left:0%;width:100%;height:100%; z-index:1001;">
			<header>

			</header>
			<div class="maxAllwrap clearfix">
				<div id="ex_slide_254" class="ex-slide1">
					<span class="prev"> < </span>
					<span class="next"> > </span>
					<div class="layui-carousel" id="test10">
						<div carousel-item="">
							<div>
								<img src="images/banner1.jpg" style="width: 1920px;height: 588px;margin-left: -380px;">
							</div>
							<div>
								<img src="images/banner2.jpg" style="width: 1920px;height: 588px;margin-left: -380px;">
							</div>
							<div>
								<img src="images/banner3.jpg" style="width: 1920px;height: 588px;margin-left: -380px;">
							</div>
							<div>
								<img src="images/banner4.jpg" style="width: 1920px;height: 588px;margin-left: -380px;">
							</div>
							<div>
								<img src="images/banner5.jpg" style="width: 1920px;height: 588px;margin-left: -380px;">
							</div>
						</div>
					</div>
					<ul class="switchable-triggerBox slide-trigger">
						<li class="active">1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
					</ul>

				</div>
			</div>
			<div class="maxnavbox">
				<div class="maxnav">
					<a href="#" class="item-1" target="_blank">
							企业订购
							<br />
							<em>8.8折 起</em>
						</a>
					<em>
							<a href="#" class="item-2" target="_blank">400-606-7757</a>
							<a href="#" class="item-3" target="_blank">立即订购</a>
						</em>
				</div>
			</div>
			<em>
				<div class="maxprowbox">
						<div class="maxprow">
							<div class="maxback"></div>
							<div class="maxTitle">
								<div class="maxTico"></div>
							    <h3>
									<span>
										<i class="maxl-i"></i>精品推荐
										<em><b>米卡米卡，时刻有形</b></em>
										<i class="maxr-i"></i>
									</span>
								</h3>
							</div>
							<div id="goods_shopmax_multiple_260" class="goods-shopmax-multiple f1">
								<a href="javascript:void(0)" class="prev"> &lt; </a>
								<a href="javascript:void(0)" class="next"> &gt; </a>
								<div class="maxmultiplebox" style="position: relative;">
									<div class="maxmultiple" style="position: absolute; width: 1150px;">
										<dl style="float: left;">
											<dt>
								    			<div class="maxpBrand">
								                	<a href="/html/allcake.html" class="item-1 first last" style="width:456px;height:538px;display:block;">
								                		<img src="images/img1.jpg" alt="" width="456" height="538">
								                	</a> 
								            	</div>  
								 			</dt>
											<dd class="goods-shopmax-multiple-body maxContent ddfist clearfix">
												<div class="maxtext">
													<span>甜蜜<em>推荐</em></span>
												</div>
												<div class="maxg-link">
													<ul>
													</ul>
													<span class="maxlinkname"></span>
													<span class="maxGcustom"></span>
												</div>
												<ul class="maxulgoods">
													<li class="item first line-last">
														<div class="p" align="center">
															<a href="javasrcipt:void(0)">
																<img src="images/img2.jpg" alt="为你而来 Come for you" />
															</a>
														</div>
														<div class="i">
															<span class="gel-price">
																<em>￥297.00</em>
															</span>
															<h6>
																<a href="javasrcipt:void(0)">为你而来 Come for you</a>
															</h6>
															<div class="gel-intro">65732 人付款</div>
															<div class="goodsMore">
																<a href="/html/allcake.html" target="_blank">更多</a>
															</div>
														</div>
													</li>
													<li class="item last line-last">
														<div class="p" align="center">
															<a href="javasrcipt:void(0)">
																<img src="images/img3.jpg" alt="万人迷">
															</a>
														</div>
														<div class="i">
															<span class="gel-price">
																<em>￥297.00</em>
															</span>
															<h6>
																<a href="javasrcipt:void(0)" >万人迷</a>
															</h6>
															<div class="gel-intro">346 人购买</div>
															<div class="goodsMore">
																<a href="/html/allcake.html" target="_blank">更多</a>
															</div>
														</div>
													</li>
												</ul>
											</dd>
										</dl>
									</div>
								</div>
							</div>

						</div>
					</div>
				<div class="maxGmore">
					<div class="AdvBanner">
						<a href="/html/allcake.html" style="font-size:16px;">更多蛋糕精品	</a>
					</div>
				</div>
				<div class="maxnavpic">
					<div style="width:1920px; height:20px;"></div>
					<div class="ad-pic" id="ad_pic_258">
						<a href="javascript:;">
							<img src="images/bg2.jpg" alt="" width="1920" height="98">
						</a>
					</div>
				</div>
				<div class="maxBpic">
					<div style="overflow:hidden">
						<img src="images/bg3.jpg">
					</div>
					<div style="overflow:hidden">
						<a href="javascript:void(0)" style="float:left">
							<img src="images/img4.jpg" width="288" height="366">
						</a>
						<a href="javascript:void(0)" style="float:left">
							<img src="images/img5.jpg" width="288" height="366">
						</a>
						<a href="./gallery-22" style="float:left">
							<img src="images/img6.jpg" width="288" height="366">
						</a>
						<a href="./gallery-22" style="float:left">
							<img src="images/img7.jpg" width="288" height="366">
						</a>
					</div>
				</div>
				<div class="maxPmore">
					<div class="AdvBanner">
						<a href="/html/allcake.html" style="font-size:16px;">查看全部蛋糕</a>
					</div>
				</div>
				<div class="maxFindexpic"></div>
				<div id="cambrian0" style="height: 218px; margin: 20px 0px;">
					<div class="_1mpIIe">
						<div class="_3YDNrK">
							<img src="images/timg.jpg" class="_3Ur4mW">
						</div>
						<div class="fsM37u">米卡米卡蛋糕</div>
						<div class="_2QGloY">订蛋糕首选米卡米卡蛋糕官网【免费配送】</div>
						<div class="FiQpSl">
							<div class="_25ZfXD _1glgS5">查看</div>
						</div>
					</div>
				</div>

			</em>

			<footer></footer>
		</div>

		<script src="libs/layui/layui.js" charset="utf-8"></script>

		<script>
			layui.use(['carousel', 'form'], function() {
				var carousel = layui.carousel,
					form = layui.form;

				carousel.render({
					elem: '#test10',
					width: '1920px',
					height: '558px',
					interval: 2000
				});
				carousel.on('change(test4)', function(res) {
					console.log(res)
				});

				var $ = layui.$,
					active = {
						set: function(othis) {
							var THIS = 'layui-bg-normal',
								key = othis.data('key'),
								options = {};

							othis.css('background-color', '#5FB878').siblings().removeAttr('style');
							options[key] = othis.data('value');
							ins3.reload(options);
						}
					};

				form.on('switch(autoplay)', function() {
					ins3.reload({
						autoplay: this.checked
					});
				});

				$('.demoSet').on('keyup', function() {
					var value = this.value,
						options = {};
					if (!/^\d+$/.test(value)) return;

					options[this.name] = value;
					ins3.reload(options);
				});

			});
		</script>

	</body>

</html>